<template>
  <div>
    <temple-Dashboard
      @handlefullScreen="handlefullScreen"
      :fullscreen="fullscreen"
      v-if="isfull"
    ></temple-Dashboard>
  </div>
</template>
<script>
import templeDashboard from "./temple3d.vue";
import { nextTick, onMounted, reactive, ref } from "vue";
import { useRouter, useRoute } from "vue-router";
import { useStore } from "vuex";
export default {
  components: {
    templeDashboard,
  },
  setup() {
    const router = useRouter();
    const store = useStore();
    const route = useRoute();
     const isfull = ref(true)
    const fullscreen = ref(route.query.fullscreen||false);
    const handlefullScreen = (fullscreen) => {
      // store.commit("handleCollapse", true);
      router.push("/Dashboard");
    };
    return { fullscreen, isfull,handlefullScreen };
  },
};
</script>
<style lang="less" scoped></style>
